<script setup lang='ts'>
import { ref, reactive } from 'vue'
import { useComponents } from '../../stores/counter'; // 确保路径正确 
const num = ref(2)
const updateCanvasSize = (value: number) => {
  console.log(value,"2222222")
}
 
</script>
<template>
    <div class="csn">画布大小
       <el-input-number  
      v-model="num"  
      :min="100"  
      :max="1000"  
      :step="2"  
      step-strictly  
      @change="updateCanvasSize"  
      placeholder="请输入画布尺寸"  
    />  
        
    </div>
</template>

<style lang='scss' scoped>
.csn {
    font-size: 16px;
}
</style>